// import React from "react";
// class DemoA extends React.Component {
//   constructor(props) {
//     super(props)
//     this.state = {
//       flag: true
//     }
//   }
//   render() {
//     let { flag } = this.state;
//     return (
//       <div>
//         <button onClick={() => this.setState(_ => ({ flag: !_.flag }))}>xianxian</button>
//         {
//           flag && (
//             <div>
//               <h1>我是一个h1标签</h1>
//               <h1>我是一个h1标签</h1>
//               <h1>我是一个h1标签</h1>
//               <h1>我是一个h1标签</h1>
//             </div>
//           )
//         }
//       </div>
//     )
//   }
// }
// export default DemoA;
// import React from "react";
// class DemoA extends React.Component {
//   constructor(props) {
//     super(props)
//     this.state = {
//       num:0
//     }
//   }
//     re() {
//     let { num } = this.state;
//     let res = null;
//     // if (num === 1) res = <h1>H1</h1>
//     // if (num === 2) res = <h2>H2</h2>
//     // if (num === 3) res = <h3>H3</h3>
//     // if (num === 4) res = <h4>H4</h4>
//     // if (num === 5) res = <h5>H5</h5>
//     // if (num === 6) res = <h6>H6</h6>
//       switch (num) {
//         case num = 1: { res = <h1>H1</h1> }break
//         case num = 2: { res = <h2>H2</h2> } break
//         case num = 3: { res = <h3>H3</h3> } break
//         case num = 4: { res = <h4>H4</h4> } break
//         case num = 5: { res = <h5>H5</h5> } break
//         case num = 6: { res = <h6>H6</h6> } break
//       }
//     return res;
//   }
//   render() {
//     let { num } = this.state;
//     return (
//       <div>
//         <button onClick={() => this.setState(_ => ({ num: (_.num+1)%7 }))}>xianxian</button>
//         {
//           this.re()
//         }
//       </div>
//     )
//   }
// }
// export default DemoA;
// import React from "react";

// import { useState } from "react";

// class DemoA extends React.Component {
//   constructor(props) {
//     super(props)
//     this.state = {
//       flag: true
//     }
//   }
//   render() {
//     let { flag } = this.state;
//     return (
//       <div>
//         <h2>类组件</h2>
//         <hr />
//         <button onClick={() => this.setState(_ => ({ flag: (!_.flag) }))}>切换</button>
//         <h1 style={{ display: (flag ? 'block' : 'none') }}>我是一个h1标签</h1>
//       </div>
//     )
//   }
// }

// export default DemoA
// import { useState } from "react"

// function DemoA() {
//   let [num, setNum] = useState(0);
//   let renderHn = () => {
//     let res = null;
//     switch (num) {
//       case 0:
//         res = <h1>我是一个h1标签</h1>
//         break;
//       case 1:
//         res = <h1>我是一个h2标签</h1>
//         break;
//       case 2:
//         res = <h1>我是一个h3标签</h1>
//         break;
//     }
//     return res;
//   }
//   return (
//     <div>
//       <button onClick={() => setNum((num + 1) % 3)}>改变num</button>
//       <hr />
//       {
//         renderHn()
//       }
//     </div>
//   )
// }

// export default DemoA;
import React from "react";
class DemoA extends React.Component{
  constructor() {
    super()
    this.state = {
      todo: "",
      list:[],
    }
  }
  render() {
    
  }
}